import './assets/main.css'

import { createApp } from 'vue'

import VueSocketIO from 'vue-socket.io';
// 1.0 一次性注册所有组件
import Vant from 'vant';
// 1.1 引入你需要的组件
// import { Button } from 'vant';
// import { Notify } from 'vant';
// import { Tabbar, TabbarItem } from 'vant';
// import { List } from 'vant';
// import { Cell, CellGroup } from 'vant';
// import { Grid, GridItem } from 'vant';
// import { Collapse, CollapseItem } from 'vant';
// 2. 引入组件样式
import 'vant/lib/index.css';
// 引入路由
import router from './router'

import App from './App.vue'

const app = createApp(App)

app.use(router)
// 3.0 注册全部组件
app.use(Vant);
// 3.1 注册你需要的组件
// app.use(Button);
// app.use(Notify);
// app.use(Tabbar);
// app.use(TabbarItem);
// app.use(List);
// app.use(Cell);
// app.use(CellGroup);
// app.use(Grid);
// app.use(GridItem);
// app.use(Collapse);
// app.use(CollapseItem);
// app.use(
//     new VueSocketIO({
//         debug: false,
//         connection: 'localhost:3000',
//         options: {
//              // 创建时是否自动连接 我们这里设定为false,在指定页面再开启
//             autoConnect: true,
//             // 路径(默认值：/socket.io/) 
//             path: "/",
//             // 目前有两种传输方式：HTTP long-polling（可简称：polling）、WebSocket
//             transports: ['polling'],
//             // 附加请求头（在服务器端的 socket.handshake.headers 对象中找到）
//             extraHeaders:{},
//         }
//     })
// );
app.mount('#app')
// createApp(App).mount('#app')

